layui.use(['echarts'], function() {
	let echarts = layui.echarts;
	var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
	var option = {
		backgroundColor: '#fff',
		title: {
			text: '预约量走势',
			left: 'center',
			top: 2,
			fontSize: 20
		},
		tooltip: {
			show: false
		},
		grid: {
			top: '10%',
			bottom: '6%',
			left: '6%',
			right: '6%',
			containLabel: true
		},
		legend: {
			left: 'center',
			bottom: '1%',
			data: ['下单数量']
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			axisLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				margin: 20,
				//textStyle: {
				fontSize: 14,
				color: 'rgba(#999)'
				//}
			},
			splitLine: {
				show: true,
				lineStyle: {
					color: '#939ab6',
					opacity: .15
				}
			},
			data: ['6月', '7月', '8月', '9月', '10月', '11月', '12月']
		}, ],
		yAxis: [{
			type: 'value',
			offset: 15,
			max: 100,
			min: 0,
			axisTick: {
				show: false
			},
			axisLine: {
				show: false
			},
			axisLabel: {
				margin: 10,
				//textStyle: {
				fontSize: 14,
				color: '#999'
				//}
			},
			splitLine: {
				show: false
			}

		}],
		series: [{
			name: '下单数量',
			type: 'line',
			z: 3,
			showSymbol: false,
			smoothMonotone: 'x',
			lineStyle: {
				width: 3,
				color: {
					type: 'linear',
					x: 0,
					y: 0,
					x2: 0,
					y2: 1,
					colorStops: [{
						offset: 0,
						color: 'rgba(59,102,246)' // 0% 处的颜色
					}, {
						offset: 1,
						color: 'rgba(118,237,252)' // 100% 处的颜色
					}]
				},
				shadowBlur: 4,
				shadowColor: 'rgba(69,126,247,.2)',
				shadowOffsetY: 4
			},
			areaStyle: {
				//normal: {
				color: {
					type: 'linear',
					x: 0,
					y: 0,
					x2: 0,
					y2: 1,
					colorStops: [{
						offset: 0,
						color: 'rgba(227,233,250,.9)' // 0% 处的颜色
					}, {
						offset: 1,
						color: 'rgba(248,251,252,.3)' // 100% 处的颜色
					}]
				}
				//}
			},
			smooth: true,
			data: [20, 56, 17, 40, 28, 42,37]
		}]

	};
				echartsRecords.setOption(option);

				window.onresize = function() {
					echartsRecords.resize();
				}

})
